<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <link rel="icon" href="//www.jd.com/favicon.ico" />
    <link rel="stylesheet" href="./css/login.css" />
    <title>京东-欢迎登录</title>
  </head>
  <body>
    <div class="header">
      <div class="loginLogo">
        <a href="index.html">
          <img src="./image/logo-201305-b.png" alt="京东" />
        </a>
        <span></span>
      </div>
      <a href="javascript:;" class="q-link">
        <span></span>
        登录页面，调查问卷
      </a>
    </div>
    <div class="content clear">
      <div class="content-head claer">
        <div class="content-head-inner">
          <i class="icon-tips"></i>
          <p>
            依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！
            新版
            <a href="javascript:;">《京东隐私政策》</a>
            已上线，将更有利于保护您的个人隐私。
          </p>
        </div>
      </div>
      <div class="content-con">
        <div class="form clear">
          <div class="form-box">
            <div class="form-box-info">
              <span>!</span
              ><span>京东不会以任何理由要求您转账汇款，谨防诈骗。</span>
            </div>
            <div class="login clear">
              <div>
                <a href="javascript:;" class="check login-bar">扫码登录</a>
              </div>
              <div>
                <a href="javascript:;" class="login-bar">账号登录</a>
              </div>
            </div>
            <div class="form2 form_bar">
              <div class="form2-con">
                <div class="form-left">
                  <img src="./image/show.png" alt="二维码" />
                </div>
                <div class="form-right"></div>
              </div>
              <div class="qrcode-panel">
                <ul>
                  <li>打开<a href="javascript:;">手机京东</a></li>
                  <li>扫描二维码</li>
                </ul>
              </div>
              <div class="coagent">
                <ul class="clear">
                  <li><i></i><span>免输入</span></li>
                  <li><i></i><span>更快</span></li>
                  <li><i></i><span>更安全</span></li>
                </ul>
              </div>
            </div>
            <div class="form1 form_bar">
              <div class="testlogin">
                <div>
                  <i></i>
                  账户名与密码不匹配，请重新输入
                </div>
              </div>
              <div class="login-box">
                <div class="form-user">
                  <label for="username"></label
                  ><input
                    type="text"
                    id="username"
                    autocomplete="off"
                    placeholder="邮箱/用户名/登录手机"
                    maxlength="12"
                  />
                  <span class="clear_user"></span>
                </div>
                <div class="form-pass">
                  <label for="password"></label
                  ><input
                    type="text"
                    id="password"
                    autocomplete="off"
                    placeholder="密码"
                    maxlength="12"
                  />
                  <span class="clear_pass"></span>
                </div>
                <div class="form-wjmm">
                  <span><a href="javascript:;">忘记密码</a></span>
                </div>
                <div class="form-login-btn">
                  <a href="javascript:;">登&nbsp;&nbsp;&nbsp;&nbsp;录</a>
                </div>
                <div class="regSlidelmageBox">
                  <div class="regSlidelmageBox_title">完成拼图验证</div>
                  <div class="regSlidelmage" id="slideImageWrap"></div>
                  <i class="close"></i>
                  <i class="arrow"></i>
                </div>
              </div>
            </div>
            <div class="form-foot">
              <ul class="clear">
                <li>
                  <a href="javascript:;"><i></i><span>QQ</span></a>
                  <span class="line">|</span>
                </li>
                <li>
                  <a href="javascript:;"><i></i><span>微信</span></a>
                </li>
                <li>
                  <a href="reg.html"
                    ><i></i><span class="form-foot-hover">立即注册</span></a
                  >
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="banner">
          <div>
            <div class="banner-img"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="foot">
      <div class="ob-link">
        <a href="javsscript:;">关于我们</a>
        |
        <a href="javsscript:;">联系我们</a>
        |
        <a href="javsscript:;">人才招聘</a>
        |
        <a href="javsscript:;">广告服务</a>
        |
        <a href="javsscript:;">手机京东</a>
        |
        <a href="javsscript:;">友情链接</a>
        |
        <a href="javsscript:;">销售联盟</a>
        |
        <a href="javsscript:;">京东社区</a>
        |
        <a href="javsscript:;">京东公益</a>
        |
        <a href="javsscript:;">English Site</a>
      </div>
      <div class="copyright">Copyright©2004-2021 京东JD.com 版权所有</div>
    </div>
  </body>
</html>
